<div class="col-md-3 left_col">
<div class="left_col scroll-view"  >
    <div class="navbar nav_title" style="border: 0">
        <a href="javascript:void(0);" class="site_title"><i class="fa fa-paw"></i> <span>SFAC</span></a>
    </div>

    <div class="clearfix"></div>

    <!-- menu profile quick info -->
    <div class="profile clearfix">
        <div class="profile_pic">
            <img src="/images/img.jpg" alt="..." class="img-circle profile_img">
        </div>
        <div class="profile_info">
            <span>Welcome,</span>
            <h2>Tan</h2>
        </div>
    </div>
    <!-- /menu profile quick info -->

    <br />

    <!-- sidebar menu -->
    <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
        <div class="menu_section">
            <ul class="nav side-menu">
                <li shiro:hasAnyRoles="admin,manager,staff">
                    <a href="javascript:void(0);"><i class="fa fa-home"></i>Dashboard </a>
                </li>
                <li><a><i class="fa fa-users"></i> Account <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                        <li shiro:hasAnyRoles="admin,manager,staff"><a href="javascript:void(0);">Profile</a></li>
                        <li shiro:hasAnyRoles="admin,manager"><a href="/account/users">Users</a></li>
                        <li shiro:hasAnyRoles="admin,manager"><a href="/account/roles">Roles</a></li>
                        <li shiro:hasAnyRoles="admin,manager"><a href="/account/resources">Resources</a></li>

                    </ul>
                </li>
                <li shiro:hasAnyRoles="admin,manager,staff"><a><i class="fa fa-leaf"></i> Test<span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                        <li ><a href="/test/thymeleafTest">ThymeleafTest</a>
                        <li ><a href="/test/VueTest">VueTest</a>
                        <li ><a>二级菜单<span class="fa fa-chevron-down"></span></a>
                            <ul class="nav child_menu">
                                <li class="sub_menu"><a href="javascript:void(0);">三级菜单一</a>
                                </li>
                                <li><a href="javascript:void(0);">三级菜单二</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>

            </ul>
        </div>

    </div>
    <!-- /sidebar menu -->

    <!-- /menu footer buttons -->
    <div class="sidebar-footer hidden-small">
        <a data-toggle="tooltip" data-placement="top" title="Settings">
            <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="FullScreen">
            <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Lock">
            <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
        </a>
        <a data-toggle="tooltip" data-placement="top" title="Logout" href="javascript:void(0;)">
            <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
        </a>
    </div>
    <!-- /menu footer buttons -->
 </div>
</div>